<template>
    <div class="address">
        <span class="title">任务地址：</span>
        <div class="flex-warp">
            <span>{{detail.address}}</span>
            <span @click="$router.push(`/map?lnglat=${detail.geom}&address=${detail.address}`)">查看</span>
        </div>
        <!-- <div class="num">巡检个数</div> -->
    </div>
</template>

<script>
export default {
    props: ['detail']
}
</script>

<style lang="scss" scoped>
.address {
    padding: 0.133333rem 0.4rem;
    font-size: 0.293333rem;
    text-align: left;
    .title {
        font-size: 0.32rem;
        font-weight: bold;
    }
    .flex-warp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0.2rem 0;
        padding-left: 0.133333rem;
        span:nth-child(2) {
            color: #48a1fa;
        }
    }
    .num {
        padding-left: 0.133333rem;
    }
}
</style>